<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> - 基本表单</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="shortcut icon" href="../favicon.ico">
    <link href="/Public/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="/Public/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="/Public/css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="/Public/css/animate.css" rel="stylesheet">
    <link href="/Public/css/style.css?v=4.1.0" rel="stylesheet">
    <style>
        .project-people, .project-actions {
            text-align: left;
            vertical-align: middle;
        }
    </style>
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <form method="post" class="form-horizontal" onsubmit="return false">

                        <div class="form-group">
                            <label class="col-sm-2 control-label">工作照片：</label>
                            <div class="col-sm-10 project-people" style="display: inline-block;" >
                                    <div class="user_box">

                                        <a href="<{$data.img_one}>" class="img_link" data-rel="colorbox"> <img src="<{$data.img_one}>" height="165" width="150"/></a>

                                            <a href="<{$data.img_two}>" class="img_link" data-rel="colorbox"> <img src="<{$data.img_two}>" height="165" width="150"/></a>

                                            <a href="<{$data.img_thr}>" class="img_link" data-rel="colorbox"> <img src="<{$data.img_thr}>" height="165" width="150"/></a>
                                    </div>
                                <span><a onclick="edit_work_pic()">修改</a></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">工作电话</label>
                            <div class="col-sm-10">
                                <input id="user_name" class="form-control"   type="text" placeholder="工作电话" value="<{$data.work_mobile}>">
                            </div>
                        </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">工作地址</label>
                                <div class="col-sm-10">
                                    <input class="form-control" type="text" placeholder="工作地址"  id="degree" value="<{$data.work_address}>">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-2 control-label">工作职位</label>
                                <div class="col-sm-10">
                                    <input class="form-control" type="text" disabled="disabled" placeholder="工作职位"
                                    value="<{$data.work_position}>">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">公司名称</label>
                                <div class="col-sm-10">
                                    <input class="form-control" type="text" placeholder="公司名称"  id="id_card" value="<{$data.work_company}>">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">月收入</label>
                                <div class="col-sm-10">
                                    <input class="form-control" type="text"   value="<{$data.monthly_income}>" readonly>
                                </div>
                            </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 全局js -->
<script src="/Public/js/jquery.min.js?v=2.1.4"></script>
<script src="/Public/js/bootstrap.min.js?v=3.3.6"></script>
<!-- 自定义js -->
<script src="/Public/admin/js/plugins/jquery.colorbox-min.js"></script>
<script src="/Public/admin/js/layer/layer.js"></script>
<script>

    var vid="<{$vid}>";
function edit_work_pic() {
 //update_user_workpic
    layer.open({
        title: '用户信息修改',
        type: 2,
        area: ['70%', '70%'],
        maxmin: true,
        offset: '100px',
        content: '<{$SRVER_NAME}>/admin.php/UserInfo/update_user_workpic.html?vid=' + vid,
        success: function (layero) {
            layero.find('.layui-layer-min').remove();
        }
    });
}

    jQuery(function ($) {
        colorbox_params = {
            reposition: true,
            scalePhotos: true,
            scrolling: false,
            previous: '<i class="fa fa-chevron-left"></i>',
            next: '<i class="fa fa-chevron-right"></i>',
            close: '&times;',
            current: '{current} of {total}',
            maxWidth: '50%',
            maxHeight: '50%',
            onOpen: function () {
                document.body.style.overflow = 'hidden';
            },
            onClosed: function () {
                document.body.style.overflow = 'auto';
            },
            onComplete: function () {
                $.colorbox.resize();
            }
        };

        $('.Info_style [data-rel="colorbox"]').colorbox(colorbox_params);
        $('.project-people [data-rel="colorbox"]').colorbox(colorbox_params);
        $("#cboxLoadingGraphic").append("<i class='icon-spinner orange'></i>");
    });

</script>
</body>
</html>
